<template>
  <div id="app">
    <childCom :title="'姓名'">
      <input type="text" />
    </childCom>
    <childCom :title="'密码'">
      <input type="password" />
    </childCom>
    <childCom :title="'性别'">
      <input type="radio" name="sex" value="男" checked/>男
      <input type="radio" name="sex" value="女" />女
    </childCom>
    <childCom :title="'爱好'">
      <input type="checkbox" value="抽烟" />抽烟
      <input type="checkbox" value="喝酒" />喝酒
      <input type="checkbox" value="烫头" />烫头
    </childCom>
    <childCom :title="'来自于'">
      <select>
        <option value="北京">北京</option>
        <option value="天津">天津</option>
        <option value="南京">南京</option>
      </select>
    </childCom>
  </div>
</template>

<script>
import childCom from "./components/childCom.vue";

export default {
  components: {
    childCom,
  },
};
</script>

<style>
</style>